<template>

    <h1>{{ obj.name }}</h1>

    <p v-for="(n, index) in arr" :key="n" @click="add(index)">{{ n }}</p>
    <zi :con="con"></zi>
    <h2>{{ props.aaa }}</h2>
</template>

<script setup>
import { ref } from "vue";
import { reactive } from 'vue';
import zi from "./zujian-c.vue";
const props = defineProps(['aaa'])

const con = ref(100)

const obj = reactive({
    name: '可莉',
    abg: '18'
})

const arr = reactive([11, 22, 33, 44, 55, 66])

const add = (index) => {
    arr[index]++
}

</script>